<!-- 生产进度 第二页-->
<ion-header>
    <ion-toolbar color="primary">
        <ion-icon name="arrow-back" class="bar-btn" (click)="back()" slot="start"></ion-icon>
        <ion-title *ngIf="currentPageData">{{currentPageData.project_name}}</ion-title>
    </ion-toolbar>
</ion-header>

<!-- 生产进度 第二页 根据朱老师原型 -->
<ion-content *ngIf="currentPageData">
    <ion-card style="margin: 0px 16px 16px;">
        <Steps id="stepsStyle_customize" class="stepsStyle_class" [current]="currentStep" [direction]="'horizontal'">
            <Step *ngFor="let v of steps; let i = index" [id]="v.title" [title]="v.title" [description]="v.description">
            </Step>
        </Steps>
    </ion-card>
    <ion-card>
        <ion-card-content class="card_content">
            <ion-item>
                <ion-label class="label_color_size left">加工工人</ion-label>
                <ion-label class="label_size right">{{currentPageData.processing_worker}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label class="label_color_size left">加工设备</ion-label>
                <ion-label class="label_size right">{{currentPageData.processing_equipment}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label class="label_color_size left">自检人</ion-label>
                <ion-label class="label_size right">{{currentPageData.self_test}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label class="label_color_size left">自检日期</ion-label>
                <ion-label class="label_size right">{{currentPageData.self_test_date}}
                </ion-label>
            </ion-item>
            <ion-item>
                <ion-label class="label_color_size left">互检人</ion-label>
                <ion-label class="label_size right">{{currentPageData.mutual_inspection}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label class="label_color_size left">互检日期</ion-label>
                <ion-label class="label_size right">{{currentPageData.mutual_inspection_date}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label class="label_color_size left">专检人</ion-label>
                <ion-label class="label_size right">{{currentPageData.inspector}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label class="label_color_size left">专检日期</ion-label>
                <ion-label class="label_size right">{{currentPageData.inspection_date}}</ion-label>
            </ion-item>
        </ion-card-content>
    </ion-card>
</ion-content>

<!-- 页面没有加载出来时，显示骨架屏 -->
<ion-content *ngIf="!currentPageData">
    <!--    <app-skeleton-screen></app-skeleton-screen>-->
    <app-loading></app-loading>
</ion-content>
